<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<title>锚点练习</title>
	</head>
	<body>
		<!--网页顶部设置锚点-->
		<a href="#" name="_top"></a>
		<!--锚功能的使用-->
		<!--创建列表，列表中使用a标签，复制多条，充满屏幕-->
		<p>顶部标题</p>
		<ul>
			<!--列表顶部设置锚点-->
			<li><a href="#" name="_first">第一条</a></li>
			<li><a href="#">第一条</a></li>
			<li><a href="#">第一条</a></li>
			<li><a href="#">第一条</a></li>
			<li><a href="#">第一条</a></li>
			<li><a href="#">第一条</a></li>
			<li><a href="#">第一条</a></li>
			<li><a href="#">第一条</a></li>
			<li><a href="#">第一条</a></li>
			<li><a href="#">第一条</a></li>
			<li><a href="#">第一条</a></li>
			<li><a href="#">第一条</a></li>
			<li><a href="#">第一条</a></li>
			<li><a href="#">第一条</a></li>
			<li><a href="#">第一条</a></li>
			<li><a href="#">第一条</a></li>
			<li><a href="#">第一条</a></li>
			<li><a href="#">第一条</a></li>
			<li><a href="#">第一条</a></li>
			<li><a href="#">第一条</a></li>
			<li><a href="#">第一条</a></li>
			<li><a href="#">第一条</a></li>
			<li><a href="#">第一条</a></li>
			<li><a href="#">第一条</a></li>
			<li><a href="#">第一条</a></li>
			<!--列表中间设置锚点-->
			<li><a href="#" name="_mid">中间</a></li>
			<li><a href="#">第一条</a></li>
			<li><a href="#">第一条</a></li>
			<li><a href="#">第一条</a></li>
			<li><a href="#">第一条</a></li>
			<li><a href="#">第一条</a></li>
			<li><a href="#">第一条</a></li>
			<li><a href="#">第一条</a></li>
			<li><a href="#">第一条</a></li>
			<li><a href="#">第一条</a></li>
			<li><a href="#">第一条</a></li>
			<li><a href="#">第一条</a></li>
			<li><a href="#">第一条</a></li>
			<li><a href="#">第一条</a></li>
			<li><a href="#">第一条</a></li>
			<li><a href="#">第一条</a></li>
			<li><a href="#">第一条</a></li>
			<li><a href="#">第一条</a></li>
			<li><a href="#">第一条</a></li>
			<li><a href="#">第一条</a></li>
			<li><a href="#">第一条</a></li>
			<li><a href="#">第一条</a></li>
			<li><a href="#">第一条</a></li>
			<li><a href="#">第一条</a></li>
			<li><a href="#">第一条</a></li>
			<li><a href="#">第一条</a></li>
			<li><a href="#">第一条</a></li>
			<li><a href="#">第一条</a></li>
			<li><a href="#">第一条</a></li>
			<li><a href="#">第一条</a></li>
			<li><a href="#">第一条</a></li>
		</ul>
			<!--在顶部和中间埋下锚点-->
			<!--通过href设置锚点的名字-->
			<a href="#_first">回到顶部</a>
			<a href="#_mid">去中间位置</a>
			<a href="#_top">回到网页顶部</a>
	</body>
	
</html>
